<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="format-detection" content="telephone=no"/>  
<title>多省汇</title>
<meta name="keywords" content="多省汇">
<meta name="description" content="多省汇">
<link rel="icon" href="images/favicon.ico"  type="image/x-icon" />
<link rel="shortcut icon" href="images/favicon.ico"  type="image/x-icon" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/fenlei.css" />
<link rel="stylesheet" href="css/foot.css" />
<script src="js/jquery-1.10.1.min.js" ></script>
</head>

<body>
<header>
  <nav>
     <div class="set"><a href="#"><img src="images/fenlei01.png"></a></div>
     <div class="search"><input name="key" type="text" placeholder="请输入商品名称"></div>
  </nav>
</header>
<div class="main">
  <div class="main-left" id="tb_">
     <ul>
       <li><a href="#" onClick="HoverLi(1);" id="tb_1" class="hovertab">蔬菜类</a></li>
       <li><a href="#" onClick="HoverLi(2);" id="tb_2" class="normaltab" >肉食禽蛋类</a></li>
       <li><a href="#" onClick="HoverLi(3);" id="tb_3" class="normaltab" >调料干货类</a></li>
       <li><a href="#" onClick="HoverLi(4);" id="tb_4" class="normaltab" >冻货类</a></li>
       <li><a href="#" onClick="HoverLi(5);" id="tb_5" class="normaltab" >海鲜类</a></li>
       <li><a href="#" onClick="HoverLi(6);" id="tb_6" class="normaltab" >餐饮用品类</a></li>
       <li><a href="#" onClick="HoverLi(7);" id="tb_7" class="normaltab" >酒水饮料类</a></li>

     </ul>
  </div>
  <div class="main-right">
     <div class="tab-list">
        <div class="dis" id="tbc_01">
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类1</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
        </div>
        <div class="undis" id="tbc_02">
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类2</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
        </div>
        <div class="undis" id="tbc_03">
            <a href="#"><img src="images/fenlei04.png"><br>叶菜3类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
        </div>
        <div class="undis" id="tbc_04">
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类4</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
        </div>
        <div class="undis" id="tbc_05">
            <a href="#"><img src="images/fenlei04.png"><br>叶菜5类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
        </div>
        <div class="undis" id="tbc_06">
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类6</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
        </div>
        <div class="undis" id="tbc_07">
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类7</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>叶菜类</a>
            <a href="#"><img src="images/fenlei04.png"><br>海鲜类</a>
        </div>

     </div>
     
  </div>
</div>


<footer>
    <div class="daohang1">
      <a href="#" class="nav1">商品分类</a>
      <a href="#" class="nav2">常用商品</a>
      <a href="#" class="nav3">购物车</a>
      <a href="#" class="nav4">订单管理</a>
      <a href="#" class="nav5">个人中心</a>    
    </div>
</footer>

</body>
<script src="js/fenlei_slidedoor.js" ></script>
<script>

</script>
</html>
